<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<html>
	<head>
		<meta charset="utf-8">
		<title>师资队伍</title>
		<link rel="stylesheet" href="./css/header.css" th:href="@{/css/header.css}"/>
		<link rel="stylesheet" href="./css/footer.css" th:href="@{/css/footer.css}"/>
		<!-- <link rel="stylesheet" href="./css/bootstrap.css" /> -->
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
		 crossorigin="anonymous">
		<style>
			body{
				width: 1280px;
				margin: 0 auto;
			}
			.content{
			 	width: 1280px;
			 	margin: 0 auto;
			 	height: 400px;
			 	background-image: url(./img/liberary.png);
			 	background-repeat: no-repeat;
			 	background-size: cover;
			 }
			 .content-header{
			 	clear: both;
			 	padding-top: 50px;
			 	margin-left: 100px;
			 }
			 .self-btn{
			 	margin-top: 15px;
			 	width: 200px;
			 	height: 45px;
			 	background-color: #002b5e;
			 	font-size: 20px;
			 	color: white;
			 	/* font-weight: bold; */
			 	border-top-left-radius: 22px;
			 }
			 .self-btn:hover{
			 	background-color: royalblue;
			 }
			 .content-div-footer{
			 	margin-bottom: 3px;
			 	width: 98.8%;
			 	height: 50px;
			 	background-color: #44567f;
			 	position: absolute;
			 	bottom: 0;
			 	padding-top: 5px;
			 }
			 .div-list{
				 padding-top: 5px;
				 width: 200px;
				 height: 45px;
				 border-bottom: 2px solid #002B5E;
				 text-align: center;
				 margin-bottom: 10px;
			 }
			 .div-line{
				 height: 7px;
				 width: 100%;
				 background-color: #002B5E;
				 margin-bottom: 10px;
			 }
			 .div-content{
				 border: 2px solid #002B5E;
				 height: 500px;
			 }
		 </style>
	</head>
	<body>
		<!-- header start -->
		<div class="header-wrap">
			<div class="header">
				<div class="header-right">
					<ul class="header-list">
						<li>
							<a href=""><span style="font-size: x-small;">设为首页</span></a>
						</li>
						<li>
							<a href=""><span style="font-size: x-small;">加入收藏</span></a>
						</li>
						<li>
							<a href=""><span style="font-size: x-small;">联系我们</span></a>
						</li>
					</ul>
				</div>
			</div>
			<div class="header-nav">
				<div class="header-school-logo">
					<img src="./img/logo.png" th:src="@{/img/logo.png}" alt="" width="20%">
					<img src="./img/title.png" th:src="@{/img/title.png}" alt="" width="30%">
				</div>
				<div class="header-navbar">
					<ul class="nabbar-list">
						<li><a href="">学院首页</a></li>
						<li><a href="">学院概况</a></li>
						<li><a href="">师资队伍</a></li>
						<li><a href="">人才培养</a></li>
						<li><a href="">科学研究</a></li>
						<li><a href="">团队工作</a></li>
						<li><a href="">招生就业</a></li>
						<li><a href="">交流合作</a></li>
						<li class="move"> </li>
					</ul>
				</div>
			</div>
		</div>
		<!-- header end -->
		
		<div class="content">
			<div class="content-header">
				<span style="color: white;font-size:35px">电气工程学院</span><br>
				<span style="color: white;font-size:50px;font-weight: bold;">师资队伍</span><br>
				<button type="button" class="self-btn">学院简介</button>
			</div>
		</div>

		<div class="content-center">
			<div class="container-fluid" style="margin: 0px;padding: 0px;">
				<div class="row">
					<div class="col-md col-md-12" style="margin-top: 30px;">
						<div class="col-md-3 offset-9">
							<a href="#" style="font-size: 20px;">首页</a>
							<span style="font-size: 20px;">&nbsp;&nbsp;>&nbsp;&nbsp;</span>
							<a href="#" style="font-size: 20px;">交流合作</a>
							<span style="font-size: 20px;">&nbsp;&nbsp;>&nbsp;&nbsp;</span>
							<a href="#" style="font-size: 20px;">交流情况</a>
						</div>
					</div>

					<div class="col-md col-md-2" style="margin-top: 15px;">
						<div class="div-list" style="background-color: #002B5E;color: white;">
							<span style="font-size: 20px;">交流情况</span>
						</div>
						<div class="div-list">
							<span style="font-size: 20px;">合作院校</span>
						</div>
					</div>
					<div class="col-md" style="margin-top: 15px;margin-left: 25px;">
						<div class="div-line"></div>
						<span style="font-size: 20px;font-weight: bold;">交流情况</span>
						<div class="div-content">
							a
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- footer start -->
		<div class="footer">
			<div class="footer-school-logo">
				<img src="./img/logo.png" th:src="@{/img/logo.png}" alt="" width="20%">
				<img src="./img/title.png" th:src="@{/img/title.png}" alt="" width="30%">
				
				<img src="./img/weichat.jpg" th:src="@{/img/weichat.jpg}" class="weichat" alt="" width="10%">
			</div>
			<div class="footer-line"></div>
			<div class="footer-text-div">
				<span class="footer-text">版权所有: 河南科技大学电气工程学院</span><br>
				<span class="footer-text">地址: 河南省洛阳市洛龙区263号</span>
				<span class="footer-text" style="margin-left: 180px;">邮编: 471023</span>
			</div>
		</div>
		<br>
		<!-- footer end -->
	</body>
</html>
